<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>About Us</title>
  <link rel="stylesheet" href="css/third/bootstrap.min.css">
  <link rel="stylesheet" href="css/third/components.css">
  <link rel="stylesheet" href="css/third/index.css">
  <link rel="stylesheet" href="css/third/style.css">
  <link rel="stylesheet" href="/css/main.css">
  <link rel="stylesheet" href="/css/normalize.css">
  <link rel="stylesheet" href="/css/submain.css">
</head>

<body id="body" class="submain">
  <header class="clearfix" style="width: 100%;">
    <nav class="submain-nav">
      <div class="logo"></div>
      <ul id="menu">
        <li><a href="/index.html">HOME</a></li>
        <li class="chosen"><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="#">NEWS</a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </nav>
    <nav class="submain-minMain">
      <div class="logo"></div>
      <div class="menuDiv">
        <img id="menuIcon" src="/assets/images/menu.png" alt="" onclick="menu()">
      </div>
    </nav>
  </header>
  <header id="hover" class="pop-block" onclick="menu()">
    <div>
      <ul>
        <li><a class="menuA" href="/index.html">HOME</a></li>
        <li><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="#">NEWS</a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </header>
  <section class="about-container">
    <h3 style="font-family: 'ubuntubold';font-size: 4rem;color: #666;">About Us</h3>
    <p style="font-size:1.8rem;width: 50%;margin: 0 auto;margin: 2rem auto;">分析-策划-市场定位，设计-前端-程序开发-运维，全方位根据企业文化、行业特点，打造专业高端网站</p>
    <img style="width: 40%;max-width: 542px;" src="/assets/images/大LOGO.png" alt="">
    <p class="description">我们是一家没啥历史没啥经验更没有钱的穷做网站的公司，欢迎大家来试坑</p>
  </section>
  <div class="contact-container">
    <div id="mobileBlock" class="left mobile" onclick="showContent(this)">
      <span id="mobilespan" flag="contact">021 - 58772818</span>
    </div>
    <div class="right">
      <div class="block telephone" onclick="showContent(this)">
        <span flag="contact">1872173XXXX</span>
      </div>
      <div class="block email" onclick="showContent(this)">
        <span flag="contact">12073XXXXX@qq.com</span>
      </div>
      <div class="block wechat" onclick="showContent(this)">
        <span flag="contact">wechat number</span>
      </div>
      <div class="block qq" onclick="showContent(this)">
        <span flag="contact">12073XXXXX</span>
      </div>
    </div>
  </div>
  <footer class="c-layout-footer c-layout-footer-6 ">
    <div>
      <div class="container niub_f_container pc">
        <div class="niub_f1 niub_f_nav">
          <h3>Shanghai NiuB Technology CO., LTD.<span></span></h3>
          <p>上海市XXX区XXX路XXX号XXX大厦<br />
            P.C:200000<br />
            Tel: XXXX<br />
            Fax: XXXX
          </p>
          <a href="#"><input type="button" value="咨询" /></a>
          <ul>
            <li class="wechat">
              <img src="/assets/images/wechat.png">
            </li>
          </ul>
        </div>
        <div class="niub_f2 niub_f_nav">
          <a href="#">
            <h3>HOME<span></span></h3>
          </a>
        </div>
        <div class="niub_f3 niub_f_nav">
          <a href="#">
            <h3>ABOUT US<span></span></h3>
          </a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="/product.html">
            <h3>PRODUCTS<span></span></h3>
          </a>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="#">
            <h3>NEWS<span></span></h3>
          </a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="#">
            <h3>CONTACT US<span></span></h3>
          </a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </div>
      </div>
      <div class="sp container niub_f1 niub_f1_sp">
        <span></span>
        <h3>Shanghai NiuB Technology CO., LTD.<span></span></h3>
        <p>上海市XXX区XXX路XXX号XXX大厦<br />
          P.C:200000<br />
          Tel: XXXX<br />
          Fax: XXXX
        </p>
        <a href="#"><input type="button" value="咨询" /></a>
      </div>
      <div class="niub_footer container pc">
        <p><a href="#">隐私方针</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">网站声明</a></p>
        <p>© 2018 Shanghai NiuB Technology CO., LTD. All Rights Reserved.</p>
        <p>
          <span><a href="#">沪ICP备-XXXXXXXX号</a></span>
          <span><a href="#"><img src="/assets/images/ga.png" style="margin: 0 10px;" />沪公网安备XXXXXXXXXXXXXX号</a></span>
        </p>
      </div>
      <div class="niub_footer_sp container sp">
        <p style="float: left;"><a href="#">隐私声明</a></p>
        <p style="float: right;">© 2018 Shanghai NiuB Technology CO., LTD. All Rights Reserved.</p>
        <div style="clear: both;"></div>
        <div style="float: left;"></div>
        <p>
          <span><a href="#">沪ICP备-XXXXXXXX号</a></span>
          <div style="width:245px;margin:0 auto;  ">
            <a target="_blank" href="#" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
              <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#ccc;"><img src="/assets/images/ga.png"
                  style="margin: 0 10px;" />沪公网安备XXXXXXXXXXXXXX号</p>
            </a>
          </div>
        </p>
      </div>
    </div>
  </footer>
</body>
<script src="vendor/jquery-3.3.1.min.js"></script>
<script src="/js/main.js"></script>
<script>
  function showContent(obj) {
    // var objs = $('[flag="contact"');
    // for(var i = 0;i < objs.length; i++) {
    //   objs[i].style.display = "none";
    // }
    // // $('[flag="contact"').style.display = "none";
    // obj.children[0].style.display = "block";
  }
</script>

</html>